* {
  margin: 0;
  padding: 0;
}

html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei UI, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-display: swap;
  font-size: 16px;
  line-height: 1.5rem;
  width: 100%;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
  /* font: 300 1rem/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans; */
  font-size: 1rem;
}

::-webkit-scrollbar-track-piece {
  /* //滚动条凹槽的颜色，还可以设置边框属性 */
  background-color: #f8f8f8;
}

::-webkit-scrollbar {
  /* //滚动条的宽度 */
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-thumb {
  /* //滚动条的设置 */

  background-color: #dddddd;
  background-clip: padding-box;
  min-height: 28px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}

#whisper,
#link {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: touch;
}

#content {
  /* Safari */
  -webkit-overflow-scrolling: touch;
  scroll-behavior: touch;
  width: 100%;
}

.content {
  display: -webkit-flex;
  /* Safari */
  -webkit-overflow-scrolling: touch;
  scroll-behavior: touch;
}

.warp {
  width: 1200px;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: touch;
}

.cont {
  width: 980px;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: touch;
}

.hr-blue {
  background-color: #1E9FFF !important;
}

hr {
  height: 1px;
  margin: 10px 0;
  border: 0;
  clear: both;
}

hr {
  display: block;
  unicode-bidi: isolate;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  overflow: hidden;
}

p {
  letter-spacing: -0.5px;
}

a {
  text-decoration: none;
}

@media screen and (max-width:475px) {
  .comment-list {
    width: 100% !important;
  }

  .warp {
    width: 100% !important;
  }

  .warp-out {
    width: 100% !important;
  }

  .cont {
    width: 100% !important;
  }

  #live2d-widget {
    display: none !important;
  }

  .box {
    width: 100% !important;
  }

  .site-nav {
    display: none !important;
  }

  .head-login {
    display: none !important;
  }

  header {
    display: block !important;
  }

  .hide {
    display: none !important;
  }

  .show {
    position: relative;
    padding-left: 50px !important;
    line-height: 100px !important;
  }

  .el-tooltip {
    margin: 0 !important;
    padding: 0 !important;
  }
}